:root{--primary: #4a90e2;--accent: #50e3c2;--bg: #f5f7fa;--card: #ffffff;--text: #333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;color:var(--text);background:var(--bg)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--primary);color:#fff;position:sticky;top:0;z-index:100}.brand{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1rem;transition:transform .3s}.nav-links a{color:#fff;text-decoration:none;font-weight:500;position:relative;overflow:hidden;padding:.5rem}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:.3s;transform:translate(-50%)}.nav-links a:hover:after{width:100%}.burger{display:none;flex-direction:column;cursor:pointer;gap:5px}.burger div{width:25px;height:3px;background:#fff;transition:all .3s}@media (max-width:768px){.nav-links{position:fixed;top:0;right:0;height:100vh;width:200px;background:var(--primary);flex-direction:column;transform:translate(100%);padding-top:4rem}.nav-links.open{transform:translate(0)}.burger{display:flex}}.section{padding:4rem 2rem;text-align:center;animation:fadeIn .8s ease-in}.hero{background:var(--accent);color:#fff}.hero .account{font-weight:700}.about .cards{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.about .card{background:var(--card);padding:2rem;border-radius:10px;width:250px;box-shadow:0 4px 8px #0000001a;transform:translateY(50px);opacity:0;animation:slideUp .6s forwards}.about .card:nth-child(1){animation-delay:.2s}.about .card:nth-child(2){animation-delay:.4s}.about .card:nth-child(3){animation-delay:.6s}.tasks ul,.access ul{list-style:none;max-width:600px;margin:2rem auto}.tasks li,.access li{text-align:left;background:var(--card);padding:1.5rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:transform .3s}.tasks li:hover,.access li:hover{transform:scale(1.02)}.tasks h4,.access h4{margin-bottom:.5rem;color:var(--primary)}.tasks span,.access span{font-size:.9rem;color:var(--text)}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.contact-form input,.contact-form textarea{padding:.75rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none}.contact-form button{padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s}.contact-form button:hover{background:#357ab8}.footer{padding:2rem;text-align:center;background:var(--primary);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animated-hero{background:linear-gradient(135deg,#1f1c2c,#928dab);color:#fff;text-align:center;padding:80px 20px;animation:fadeIn 2s ease-in-out}.contact-links a{color:#007acc;text-decoration:none}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:20px 0;margin-top:20px}.card{background:#ffffff10;border:1px solid #ffffff30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;color:#000;transition:transform .3s ease,background .3s;text-align:left;box-shadow:0 4px 15px #0003}.card:hover{transform:translateY(-8px);background:#ffffff15}.fade-in-card{animation:fadeInUp .8s ease forwards;opacity:0}.animated-hero{background:linear-gradient(135deg,#1f1c2c,#928dab);color:#000;text-align:center;padding:80px 20px;animation:fadeIn 2s ease-in-out}.hero-content h1{font-size:3em;margin-bottom:10px;animation:fadeInUp 1.2s ease-in-out}.hero-content .highlight{color:#fb3}.hero-content p{font-size:1.2em;margin:10px 0;animation:slideIn 1.4s ease-in-out}.hero-content .connected-wallet{font-style:italic;margin-top:10px}.contact-links ul{list-style:none;padding:0;margin:20px auto;text-align:center}.contact-links li{margin:10px 0}.contact-links a{color:#00bfff;text-decoration:none}.contact-links a:hover{text-decoration:underline}.footer{background:#222;color:#ccc;padding:20px;text-align:center;animation:fadeIn 1.5s ease-in-out}.footer-links{margin-top:10px}.footer-links a{margin:0 10px;color:#fb3;text-decoration:none}.footer-links a:hover{text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.hero-content h1{font-size:2em}.hero-content p{font-size:1em}.footer-links{display:flex;flex-direction:column;gap:10px}}.add-task-btn{margin-top:20px;padding:12px 24px;font-size:1rem;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;border:none;border-radius:30px;cursor:pointer;transition:transform .3s ease;animation:pulse 2s infinite}.add-task-btn:hover{transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0abf;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;z-index:999}.modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;animation:slideUp .4s ease-out;box-shadow:0 8px 25px #0003}.modal h2{margin-bottom:20px}.modal form input,.modal form textarea,.modal form select{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:6px;font-size:1rem}.modal-buttons{display:flex;justify-content:space-between;margin-top:15px}.submit-btn,.cancel-btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.submit-btn{background:#28a745;color:#fff}.cancel-btn{background:#dc3545;color:#fff}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.task-card{position:relative;background:#ffffff10;border:1px solid #ffffff30;padding:20px;margin-bottom:15px;border-radius:10px;color:#eee}.card-buttons{display:flex;gap:10px;margin-top:10px}.view-btn,.update-btn,.delete-btn{padding:8px 14px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:transform .2s,background .3s}.view-btn{background:#00bfff;color:#fff}.update-btn{background:#ffc107;color:#000}.view-btn:hover{transform:scale(1.05);background:#00a4cc}.update-btn:hover{transform:scale(1.05);background:#e0a800}.delete-btn:hover{transform:scale(1.05);background:#c82333}@media (max-width: 600px){.card-buttons{flex-direction:column}.view-btn,.update-btn,.delete-btn{width:100%}}.task-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:20px;border-radius:10px;margin-bottom:16px;color:#fff}.card-buttons{display:flex;gap:10px;margin-top:12px}.view-btn,.update-btn,.delete-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:transform .2s,opacity .3s}.view-btn{background:#17a2b8;color:#fff}.update-btn{background:#28a745;color:#fff}.delete-btn{background:#dc3545;color:#fff}.view-btn:hover,.update-btn:hover,.delete-btn:hover{transform:scale(1.05);opacity:.9}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease}.modal form input,.modal form textarea,.modal form select{width:100%;padding:10px;margin:8px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem}@media (max-width: 640px){.card-buttons{flex-direction:column}.view-btn,.update-btn,.delete-btn{width:100%}}.update-btn{background:#28a745;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:transform .2s,opacity .3s}.update-btn:hover{transform:scale(1.05);opacity:.9}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal{background:#fff;color:#333;padding:28px;border-radius:12px;width:90%;max-width:480px;animation:slideUp .4s ease-out;box-shadow:0 6px 24px #0003}.task-view-modal{max-width:450px}.modal h2{margin-bottom:16px}.modal input,textarea,select{width:100%;padding:10px;margin:8px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem}.modal-buttons{display:flex;justify-content:space-between;margin-top:16px}.submit-btn{background:#007bff;color:#fff}.cancel-btn{background:#6c757d;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:640px){.card-buttons{flex-direction:column}.view-btn,.update-btn{width:100%}}.delete-btn{background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;cursor:pointer;border-radius:4px;transition:background .2s;margin-left:8px}.delete-btn:hover{background-color:#c0392b}.access-btn{background-color:#3498db;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-left:8px;transition:background .2s ease}.access-btn:hover{background-color:#2980b9}.revoke-btn{background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-left:8px;transition:background .2s ease}.revoke-btn:hover{background-color:#c0392b}.access-list{margin-top:1em;background:#f9f9f9;padding:.6em;border-radius:6px}.access-list ul{padding-left:1.2em;margin:0}.access-address{font-family:monospace;font-size:.95em;padding:.3em 0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;justify-items:center;padding:20px 0}.card{background:#f5f5f5;padding:20px;border-radius:10px;text-align:center;width:100%;max-width:300px;box-shadow:0 2px 6px #0000001a}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr;padding:10px}}