:root{--primary: #ff6b35;--accent: #e55a2b;--bg: #f7f7f9;--card: #ffffff;--muted: #707070;--radius: 12px}html,body{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);padding-top:88px}.topbar{height:128px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:transparent;position:fixed;top:0;left:0;right:0;z-index:1000}.brand{display:flex;align-items:center;gap:18px}.brand img{height:84px}.brand-text{font-weight:800;color:var(--primary);font-size:30px;margin-left:12px;line-height:1}.container{max-width:900px;margin:0 auto;padding:0 20px}.sidebar{width:160px}.sidebar .logo{display:none}.sidebar nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.sidebar nav ul li{height:44px;width:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:transparent}.sidebar nav ul li.active{background:linear-gradient(180deg,#fff,#fff);box-shadow:0 8px 20px #0000000a}.builder-panel{display:flex;flex-direction:column;gap:18px}.card{background:var(--card);padding:28px;border-radius:var(--radius);box-shadow:0 12px 40px #0f0f0f0f}.profile-page{max-width:1100px;margin:0 auto}.profile-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}.profile-section{background:linear-gradient(180deg,#fff,#fff);padding:18px;border-radius:12px}.profile-section h4{margin:0 0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field input,.field select,.field textarea{padding:10px;border-radius:8px;border:1px solid #eee}.avatar-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:12px}.avatar-img{width:160px;height:160px;border-radius:12px;object-fit:cover}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:8px}.attachment-tile{background:#fff;border:1px solid #f0f0f0;padding:8px;border-radius:10px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.auth-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 8px 30px #0000000f;max-width:420px;margin:0 auto}.auth-header{margin-bottom:12px;text-align:center}.auth-form .input{width:100%;padding:10px 12px;border:1px solid #e8e8e8;border-radius:8px}.auth-form label{font-size:13px}.auth-hero{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:28px}.auth-split{display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:center;max-width:1100px;margin:0 auto;padding:36px;border-radius:20px;background:linear-gradient(180deg,#fbfbfd,#fff);box-shadow:0 30px 80px #0f0f0f0f}.auth-left{padding:6px 8px;display:flex;align-items:center;justify-content:center}.auth-title{font-size:48px;margin:8px 0 6px;font-weight:800;color:#0f1720;text-align:center}.auth-left .muted{color:#8b8b8b;font-size:14px}.auth-card{background:linear-gradient(180deg,#fff,#fff);padding:18px;border-radius:12px;box-shadow:0 14px 40px #0f0f0f0f;max-width:520px;margin:0 auto}.auth-form .input{width:100%;padding:14px 16px;border:1px solid #f0f0f2;border-radius:10px;background:#fafafa;font-size:15px}.auth-form label{font-size:13px;color:var(--muted)}.auth-form .btn-primary{background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:10px;padding:12px 18px;color:#fff;font-weight:700;box-shadow:0 12px 30px #ff6b352e;border:none}.auth-form .btn-primary:disabled{opacity:.6}.social-row{display:flex;gap:12px}.social-btn{width:56px;height:46px;border-radius:10px;border:1px solid rgba(255,107,53,.08);background:#fff;box-shadow:0 8px 24px #0000000f;font-weight:700;color:var(--primary);cursor:pointer}.auth-right{display:flex;align-items:center;justify-content:center}.illustration-panel{width:100%;height:420px;border-radius:18px;background:linear-gradient(180deg,#f2dcd8,#e8dbe0);box-shadow:inset 0 6px 18px #fff9;border:8px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;padding:0}@media (max-width:920px){.auth-split{grid-template-columns:1fr;padding:18px}.illustration-panel{height:240px;width:100%}.auth-title{font-size:34px}}.logo-anim{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 18px;gap:18px;color:#2b2b2b;max-width:420px;margin:0 auto;text-align:center;position:relative}.logo-row{justify-content:center}.logo-row{display:flex;align-items:center;gap:14px}.rsl-logo{width:96px;height:auto;opacity:1;transform:translate(0) scale(1);animation:logoFloat 16s ease-in-out infinite}.forms-container{position:relative;margin-left:12px;width:180px;height:46px}.forms-variant{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:36px;opacity:0}.forms-variant.v1{font-family:Inter,system-ui,Arial,sans-serif;font-weight:800;animation:formsFontCycle 12s linear infinite 0s}.forms-variant.v2{font-family:Georgia,Times New Roman,serif;font-weight:700;animation:formsFontCycle 12s linear infinite 2s}.forms-variant.v3{font-family:Courier New,Courier,monospace;font-weight:700;animation:formsFontCycle 12s linear infinite 4s}.forms-variant.v4{font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:800;animation:formsFontCycle 12s linear infinite 6s}.forms-variant.v5{font-family:Lucida Console,Monaco,monospace;font-weight:700;animation:formsFontCycle 12s linear infinite 8s}.forms-variant.v6{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-weight:700;animation:formsFontCycle 12s linear infinite 10s}.typewriter{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:18px}.typewriter .create{font-size:48px;font-weight:800;color:#0f1720;min-height:56px}.typewriter .cursor{display:inline-block;margin-left:6px;color:#0f1720;visibility:visible}.typewriter .sub-words{display:flex;flex-direction:column;gap:8px;margin-top:8px}.typewriter .sub-words .word{font-size:22px;color:#333;font-weight:700}.create.fade-out,.sub-words.fade-out .word{animation:fadeOutUp .42s ease forwards}.final-forms{font-size:30px;margin-top:12px;font-weight:900;font-family:Georgia,Times New Roman,serif;color:#0f1720}.final-forms.fade-out{animation:fadeOutUp .42s ease forwards}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.final-stack-anim{display:flex;flex-direction:column;align-items:center;margin-top:10px}.final-stack-anim .final-line{font-size:28px;font-weight:800;opacity:0;transform:translateY(12px);color:#0f1720}.final-stack-anim .final-line:nth-child(1){animation:fadeUp .52s ease forwards 60ms}.final-stack-anim .final-line:nth-child(2){animation:fadeUp .52s ease forwards .22s}.final-stack-anim .final-line:nth-child(3){animation:fadeUp .52s ease forwards .38s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.logo-anim[data-phase="1"] .forms-container,.word-stack,.final-stack{display:none}@keyframes formsPop{0%{opacity:0;transform:translate(16px) scale(.9)}8%{opacity:1;transform:translate(0) scale(1.04)}22%{opacity:1;transform:translate(0) scale(1)}38%{opacity:0;transform:translate(12px) scale(.95)}to{opacity:0}}@keyframes formsFontCycle{0%{opacity:0}6%{opacity:1}22%{opacity:1}28%{opacity:0}to{opacity:0}}@keyframes createPhase{0%{opacity:0;transform:translateY(12px)}20%{opacity:0}23%{opacity:1;transform:translateY(0) scale(1)}68%{opacity:1}69%{opacity:0}to{opacity:0}}@keyframes secPhase{0%{opacity:0}35%{opacity:0}35.2%{opacity:1;transform:translateY(0)}68%{opacity:1}69%{opacity:0}to{opacity:0}}@keyframes relPhase{0%{opacity:0}48%{opacity:0}48.5%{opacity:1;transform:translateY(0)}68%{opacity:1}69%{opacity:0}to{opacity:0}}@keyframes finalPhaseSingle{0%{opacity:0;transform:translateY(8px)}76.3%{opacity:0}76.4%{opacity:1;transform:translateY(0)}to{opacity:1}}@keyframes wordStackPhase{0%{opacity:0;visibility:hidden}20%{opacity:0;visibility:hidden}23%{opacity:1;visibility:visible}68%{opacity:1}68.1%{opacity:0}to{opacity:0;visibility:hidden}}@keyframes finalStackPhase{0%{opacity:0;visibility:hidden}68%{opacity:0;visibility:hidden}76.4%{opacity:1;visibility:visible}to{opacity:1}}@media (max-width:860px){.profile-grid,.form-grid{grid-template-columns:1fr}}.task-list{display:flex;flex-direction:column;gap:10px}.task-row{display:grid;grid-template-columns:1fr 140px 140px 110px;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#fafafa;border:1px solid #f0f0f0}.task-row .task-title{font-weight:600}.task-row .task-assigned,.task-row .task-time{color:#666;font-size:13px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}.badge.inprogress{background:#e6f4ff;color:#116be9}.badge.completed{background:#e9fcec;color:#0b8a3e}.badge.overdue{background:#fff1f0;color:#d23f3f}.sidebar-task{padding:12px;border-radius:12px;background:linear-gradient(135deg,#ffffff08,#ffffff03);color:#fff}.sidebar-task .title{font-weight:700}.sidebar-task .meta{font-size:12px;opacity:.85;margin-top:6px}@media (max-width:1100px){.task-row{grid-template-columns:1fr 120px 120px 100px}}.muted{color:var(--muted)}.form-description{width:100%;padding:12px;border-radius:8px;border:1px solid #eee;margin-top:8px;font-size:14px}.question-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.question-card{padding:18px;border-radius:10px;border:1px solid #f0f0f0;background:linear-gradient(180deg,#fff,#fff)}.question-card input,.question-card textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #eee;font-size:15px}.question-card textarea{min-height:90px}.field-type-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 12px;border-radius:999px;border:1px solid #eee;background:linear-gradient(180deg,#fff,#fbfbfb);font-weight:600;font-size:13px}.field-type-select:focus{outline:none;box-shadow:0 4px 14px #ff6b351f;border-color:var(--accent)}.field-type-select::-ms-expand{display:none}.field-type-select-wrapper{position:relative;display:inline-block}.field-type-select-wrapper:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#b0b0b0;pointer-events:none;font-size:12px}.actions{display:flex;flex-direction:column;gap:12px;margin-top:12px}.actions .row{display:flex;gap:10px}.btn-primary{background:var(--primary);color:#fff;padding:12px 18px;border-radius:10px;border:none;font-weight:600}.btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,107,53,.12);background:transparent;color:var(--primary);font-weight:600}.btn:hover{background:#ff6b350f;box-shadow:0 8px 20px #ff6b351f}.topbar .btn{border:1px solid rgba(0,0,0,.06);background:transparent;color:var(--muted);box-shadow:none}.topbar .btn:hover{background:#fffc;box-shadow:0 8px 20px #0f0f0f0a}.btn.ghost{background:transparent;border:none;box-shadow:none;color:var(--muted)}.preview-panel{margin-top:22px}.preview-card{background:linear-gradient(180deg,#fff,#fff);padding:20px;border-radius:10px}.q-title{font-weight:600;margin-bottom:8px}.attachment-thumb{height:32px;width:32px;object-fit:cover;border-radius:6px;border:1px solid #eee}.attachment-item{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #f0f0f0;border-radius:8px}.btn-upload{padding:8px 10px;border-radius:8px;border:1px solid #e8e8e8;background:#fff}.question-image{max-width:100%;border-radius:8px;transition:transform .2s ease;cursor:zoom-in}.question-image:hover{transform:scale(1.03)}.attachment-large{max-width:240px;height:140px;object-fit:cover;border-radius:8px;box-shadow:0 6px 18px #0f0f0f0f}.attachment-row{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.attachment-card{flex:0 0 auto;width:200px;height:200px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.attachment-card img{width:100%;height:160px;object-fit:cover;border-radius:8px}.attachment-caption{font-size:13px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-placeholder{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px dashed #eee;border-radius:8px}.file-row{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.file-card{flex:0 0 auto;width:160px;height:120px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:10px}.file-icon{font-size:34px;color:#d0d0d0}.file-card:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-4px)}.file-card .btn{padding:6px 8px;font-size:12px}.attachment-card .attachment-large,.attachment-card img{transition:transform .18s ease}.attachment-card .attachment-large:hover,.attachment-card img:hover{transform:scale(1.06)}.attachment-card[title]{position:relative}.attachment-card[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:2000}.lightbox img{max-width:90%;max-height:90%;border-radius:10px}@media (max-width:920px){.topbar{padding:0 16px}.brand img{height:68px}.container{margin:18px auto}.brand-text{font-size:20px}}.homepage{padding:6px 20px 20px}.hero{display:flex;gap:24px;align-items:center}.hero-left{transform:translateY(-28px);flex:1}.hero-right{flex:1;display:flex;align-items:center;justify-content:center}.hero-right .hero-image{width:380px;height:320px;background:linear-gradient(180deg,#f3d7df,#f6e9f0);border-radius:14px;display:flex;align-items:center;justify-content:center}.hero-anim{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-anim .cards{position:relative;width:240px;height:160px}.hero-anim .card{position:absolute;width:128px;height:86px;border-radius:14px;background:linear-gradient(180deg,#fff,#fff);box-shadow:0 18px 46px #0f0f0f14;display:flex;align-items:center;justify-content:center;font-size:28px;transition:transform .26s cubic-bezier(.2,.9,.25,1),box-shadow .26s}.hero-anim .card-a{left:6px;top:22px;transform:rotate(-8deg);animation:floatA 3.6s ease-in-out infinite}.hero-anim .card-b{right:6px;top:6px;transform:rotate(8deg);animation:floatB 4s ease-in-out infinite}.hero-anim .hero-typing{display:flex;flex-direction:column;align-items:center}.hero-anim .big{font-size:20px;font-weight:900;color:#0f1720}.hero-anim .small{font-size:12px;color:#666;margin-top:6px}.hero-anim .cursor{margin-left:6px;color:#0f1720;animation:blink .9s steps(1) infinite}.hero-anim .card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #f36c2b14}.hero-anim .card svg{filter:drop-shadow(0 3px 6px rgba(243,108,43,.06))}@keyframes floatA{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-3px) rotate(-8deg)}to{transform:translateY(0) rotate(-8deg)}}@keyframes floatB{0%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-4px) rotate(8deg)}to{transform:translateY(0) rotate(8deg)}}.nature-anim{display:flex;flex-direction:column;align-items:center;gap:8px}.nature-svg{border-radius:10px;overflow:visible}.nature-anim .sun{animation:floatSun 14s ease-in-out infinite}.nature-anim .leaf{transform-origin:20px 6px;animation:sway 8.6s ease-in-out infinite}.nature-anim .hill{opacity:.98}.nature-text,.nature-caption{font-size:13px;color:#2b2b2b;font-weight:700;margin-top:6px}@keyframes floatSun{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes sway{0%{transform:translate(0) rotate(-2deg)}50%{transform:translate(1px,-2px) rotate(3deg)}to{transform:translate(0) rotate(-2deg)}}.nature-anim .rays circle{transform-origin:0 0;animation:rayPulse 10s ease-in-out infinite}@keyframes rayPulse{0%{opacity:.06;transform:scale(1)}50%{opacity:.09;transform:scale(1.02)}to{opacity:.06;transform:scale(1)}}.nature-anim .fireflies .f1{animation:fly1 12s linear infinite}.nature-anim .fireflies .f2{animation:fly2 10s linear infinite}.nature-anim .fireflies .f3{animation:fly3 14s linear infinite}@keyframes fly1{0%{transform:translate(0) scale(1);opacity:0}8%{opacity:1}34%{transform:translate(14,-6) scale(1.06)}66%{transform:translate(-2,4) scale(.94)}to{opacity:0}}@keyframes fly2{0%{transform:translate(0) scale(1);opacity:0}12%{opacity:1}42%{transform:translate(10,-8) scale(1.08)}74%{transform:translate(-6,3) scale(.92)}to{opacity:0}}@keyframes fly3{0%{transform:translate(0) scale(1);opacity:0}6%{opacity:1}38%{transform:translate(-10,-4) scale(1.04)}70%{transform:translate(4,8) scale(.95)}to{opacity:0}}.nature-svg:hover{box-shadow:0 20px 40px #7ccf720f;transform:translateY(-4px);transition:transform .26s,box-shadow .26s}.nature-anim .clouds .cloud{transition:transform 1.6s linear}.nature-anim .clouds .c1{animation:cloudMove 48s linear infinite}.nature-anim .clouds .c2{animation:cloudMove 72s linear infinite reverse}@keyframes cloudMove{0%{transform:translate(-40px)}50%{transform:translate(8px)}to{transform:translate(220px)}}.nature-anim .hill.back{animation:parallaxBack 18s ease-in-out infinite}.nature-anim .hill.mid{animation:parallaxMid 22s ease-in-out infinite}.nature-anim .hill.front{animation:parallaxFront 26s ease-in-out infinite}@keyframes parallaxBack{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes parallaxMid{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes parallaxFront{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.nature-anim .fireflies .fly{filter:drop-shadow(0 6px 10px rgba(255,232,150,.12));opacity:.85}.nature-anim .fireflies .f4{animation:fly4 14s linear infinite}@keyframes fly4{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}40%{transform:translate(10,-5) scale(1.08)}72%{transform:translate(-4,6) scale(.92)}to{opacity:0}}.nature-anim .care-icons{display:flex;gap:18px;align-items:center;justify-content:center}.nature-anim .care-icon{width:72px;height:72px;background:linear-gradient(180deg,#fff,#fbfbfd);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0f0f0f0f;opacity:0;transform:translateY(6px);animation:iconFade .52s ease forwards}.nature-anim .care-icon svg{width:40px;height:40px}.nature-anim .care-icon.pulse{animation-name:iconFade,softPulse;animation-duration:.52s,8s;animation-timing-function:ease,ease-in-out;animation-fill-mode:forwards,infinite;animation-iteration-count:1,infinite}.nature-anim .care-icon.delay-1{animation-delay:.12s}.nature-anim .care-icon.delay-2{animation-delay:.26s}.nature-anim .care-icon.delay-3{animation-delay:.42s}@keyframes iconFade{to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%{transform:scale(1)}50%{transform:scale(1.035)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.nature-anim .care-icon.pulse{animation:none}}.nature-anim .care-icon.eye-catching{box-shadow:0 16px 40px #0f0f0f14;border-radius:14px}.nature-anim .care-icon.eye-catching .icon-inner{transition:transform .42s cubic-bezier(.2,.9,.25,1)}.nature-anim .care-icon.eye-catching:hover .icon-inner{transform:translateY(-6px) scale(1.03)}.nature-anim .care-icon.eye-catching .glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .42s}.nature-anim .care-icon.eye-catching.pulse .glow{animation:glowPulse 8s ease-in-out infinite;opacity:.18}@keyframes glowPulse{0%{opacity:.06;transform:scale(1)}50%{opacity:.18;transform:scale(1.06)}to{opacity:.06;transform:scale(1)}}.nature-anim .care-icon .shimmer{position:absolute;left:-60%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-18deg);opacity:0}.nature-anim .care-icon.center-shimmer .shimmer{animation:shimmerMove 1.6s linear infinite}@keyframes shimmerMove{0%{left:-60%;opacity:0}30%{opacity:.6}60%{left:160%;opacity:0}to{left:160%;opacity:0}}@media (prefers-reduced-motion: reduce){.nature-anim .care-icon.eye-catching .glow,.nature-anim .care-icon.center-shimmer .shimmer{display:none}}@keyframes blink{50%{visibility:hidden}}.hero h1{font-size:48px;margin:-6px 0 12px}.hero-sub{color:var(--muted);font-size:16px}.logos-row{display:flex;gap:18px;align-items:center;justify-content:center;margin:28px 0}.logo-pill{background:#fff;padding:16px 28px;border-radius:18px;box-shadow:0 6px 18px #0000000a}.features{display:flex;gap:24px;align-items:center;margin-top:20px}.feature{flex:1;background:linear-gradient(180deg,#fff,#fff);padding:28px;border-radius:12px}.feature-image{height:260px;background:#f8e9e9;border-radius:12px}.profile-layout{max-width:1400px;margin:18px auto;padding:24px}.profile-stage{background:linear-gradient(90deg,#f7f4ef,#fff7e6);padding:28px;border-radius:24px;box-shadow:0 30px 80px #0f0f0f0f}.profile-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.stat-chips{display:flex;gap:18px;align-items:center}.stat-chip{background:#ffffffbf;padding:10px 16px;border-radius:999px;font-weight:800;box-shadow:0 8px 24px #0f0f0f0a;min-width:84px;text-align:center}.profile-grid-wide{display:grid;grid-template-columns:360px 1fr 320px;gap:22px;align-items:start}.profile-left-column{display:flex;flex-direction:column;gap:14px}.big-left-card{position:relative;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fffaf2);box-shadow:0 12px 40px #0f0f0f0f}.avatar-img{width:220px;height:220px;border-radius:16px;object-fit:cover;border:6px solid rgba(255,255,255,.7)}.profile-meta{margin-top:12px}.salary-bubble{position:absolute;right:18px;bottom:18px;background:#fffffff2;padding:8px 12px;border-radius:999px;font-weight:800}.progress-card{border-radius:16px;padding:18px;background:linear-gradient(180deg,#fff,#fff);box-shadow:0 12px 36px #0f0f0f0d}.time-tracker{display:flex;align-items:center;justify-content:center}.circular-timer{width:120px;height:120px;border-radius:999px;background:conic-gradient(#ffd7b8,#ffd7b8 70deg,#fff 70deg);display:flex;align-items:center;justify-content:center;font-weight:800}.calendar-wide{border-radius:14px;padding:10px;background:linear-gradient(180deg,#fff,#fff);box-shadow:0 8px 28px #0f0f0f0a}.calendar-grid .day-cell{min-height:72px;padding:10px;border-radius:8px}.onboarding-panel{background:#111217;color:#fff;border-radius:18px;padding:18px;box-shadow:0 18px 46px #0a0a142e}.onboarding-header{display:flex;justify-content:space-between;align-items:center}.onboarding-progress{font-size:22px;font-weight:800}.onboarding-list{margin-top:12px;display:flex;flex-direction:column;gap:12px}.onboarding-item{display:flex;gap:12px;align-items:center;background:#ffffff08;padding:12px;border-radius:12px}.onboarding-item .bullet{width:36px;height:36px;border-radius:8px;background:#222;display:flex;align-items:center;justify-content:center}.onboarding-item .meta{flex:1;min-width:0}.onboarding-item .meta .title{font-weight:700}.onboarding-item .meta .time{font-size:12px;color:#cfcfcf;margin-top:6px}.forms-section .form-row:hover{transform:translateY(-6px);box-shadow:0 18px 48px #0a0a140a}.card-large{padding:28px;border-radius:14px}.card-title{font-size:20px;font-weight:800;margin:0}.card-sub{color:#666;margin-top:10px;font-size:15px}.card-meta{color:#888;font-size:13px;margin-top:8px}.forms-section .form-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border-radius:12px;background:#fafafa;min-height:110px}.forms-section .form-title{font-size:18px;font-weight:800}.forms-section .form-meta{color:#666;font-size:13px;margin-top:8px}.updates-list .update-row{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:10px;background:#fafafa;min-height:80px}.updates-list .update-title{font-weight:800}.updates-list .update-time{color:#777;font-size:13px}.widget{background:linear-gradient(180deg,#fff,#fbfbfd);border-radius:16px;box-shadow:0 10px 30px #0f0f0f0f;padding:18px}.progress-card{display:flex;flex-direction:column;gap:12px}.time-tracker{display:flex;flex-direction:column;gap:10px;border-radius:12px;padding:14px;background:linear-gradient(180deg,#fff,#fff);box-shadow:inset 0 1px #fff9}.tracker-circle{width:84px;height:84px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:conic-gradient(#ffd7c2,#ffd7c2 120deg,#fff 120deg);font-weight:700}.calendar-tile{border-radius:12px;padding:12px;background:linear-gradient(180deg,#fff,#fff);box-shadow:0 6px 18px #0f0f0f0a}.calendar-grid .day-cell{min-height:64px;padding:8px;border-radius:8px}.dashboard-left-compact .avatar-img{width:140px;height:140px;border-radius:14px}.forms-section .form-row:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0a0a140a}@media (max-width:1100px){.profile-grid-wide{grid-template-columns:1fr}}@media (max-width:760px){.topbar{height:80px;padding:0 14px}.brand img{height:56px}.brand-text{font-size:16px}.container{padding:0 12px}.sidebar{display:none}.main-area{width:100%}.hero{flex-direction:column;gap:12px}.hero-left{transform:none;padding-top:8px}.hero-right{order:2}.auth-split{grid-template-columns:1fr;padding:18px;border-radius:12px}.auth-right{order:2;margin-top:12px}.auth-left{order:1}.btn,.btn-primary,.social-btn{padding:12px 16px;font-size:15px}.logos-row{flex-wrap:wrap;gap:8px;justify-content:center}.logo-pill{padding:10px 16px}.app-footer .footer-inner{flex-direction:column;align-items:center;gap:10px}.nature-anim .care-icon.pulse,.hero-anim .card-a,.hero-anim .card-b{animation-duration:20s!important}.nature-anim .care-icon .shimmer{display:none}.homepage{padding:8px 12px}.hero-left{width:100%;text-align:center}.hero-left h1{font-size:28px}.hero-sub{font-size:14px}.hero-right{width:100%;display:flex;justify-content:center}.hero-image{width:100%;max-width:320px;height:auto}.hero-anim .cards{width:200px;height:120px}.features{flex-direction:column;gap:12px}.feature{width:100%}.feature-image{height:auto;min-height:220px}.brand-text{display:none}.brand img{height:48px}.hero-anim .card:hover{transform:none;box-shadow:none}.nature-anim .care-icon.eye-catching .icon-inner{transform:none}.nature-anim .clouds .cloud,.nature-anim .fireflies .f1,.nature-anim .fireflies .f2,.nature-anim .fireflies .f3,.nature-anim .fireflies .f4{animation:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}.app-footer{background:transparent;padding:18px 0;margin-top:28px}.app-footer .footer-inner{display:flex;align-items:center;justify-content:space-between}.app-footer .footer-left{color:var(--muted);font-size:13px}.app-footer .footer-right{display:flex;gap:12px}.app-footer .footer-link{color:var(--muted);font-size:13px;text-decoration:none;border-bottom:1px dashed transparent;padding-bottom:2px}.app-footer .footer-link:hover{border-bottom-color:#0000000f}@media (max-width:800px){.app-footer .footer-inner{flex-direction:column;gap:8px}}