@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@400;500;600&display=swap");:root{--bg-warm:#f5ede6;--bg-cool:#eeeef2;--card-bg:#fff;--core-dark:#1a1a1a;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--border:rgba(0,0,0,.08);--shadow:rgba(0,0,0,.06);--font-serif:"Cormorant Garamond",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text-primary);min-height:100vh;background:linear-gradient(180deg,var(--bg-warm) 0,var(--bg-cool) 100%);background-attachment:fixed;line-height:1.5}.main-container{max-width:1100px;margin:0 auto;min-height:100vh;padding:40px 24px}@media (min-width:768px){.main-container{padding:60px 48px}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.brand{font-family:var(--font-serif);font-size:20px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary)}.header-right{font-size:13px;color:var(--text-secondary)}.page-title-section{text-align:center;margin-bottom:56px}.page-title{font-family:var(--font-serif);font-size:clamp(36px,6vw,52px);font-weight:400;font-style:italic;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:12px}.page-subtitle{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.cards-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:28px}}.proto-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:16px;border:1px solid var(--border);text-decoration:none;color:inherit;overflow:hidden;box-shadow:0 2px 8px var(--shadow);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.proto-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.1)}.card-visual{position:relative;height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fafafa,#f5f5f5);border-bottom:1px solid var(--border)}.card-content{padding:24px 28px 28px}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-index{font-size:12px;letter-spacing:.05em}.card-index,.card-status{font-weight:500;color:var(--text-tertiary)}.card-status{font-size:11px;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.card-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#ccc}.card-status.live:before{background:#22c55e}.card-name{font-family:var(--font-serif);font-size:26px;font-weight:400;font-style:italic;color:var(--text-primary);margin-bottom:10px;line-height:1.2}.card-description{font-size:14px;line-height:1.65;color:var(--text-secondary)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.card-type{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.card-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;color:var(--text-secondary);transition:all .3s ease}.card-arrow svg{width:12px;height:12px}.proto-card:hover .card-arrow{background:var(--text-primary);color:#fff;transform:translate(2px,-2px)}.card-lock{position:absolute;top:16px;right:16px;width:28px;height:28px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);box-shadow:0 2px 8px var(--shadow);z-index:10}.card-lock svg{width:14px;height:14px}.illustration{justify-content:center}.ill-wabi-bar,.illustration{display:flex;align-items:center}.ill-wabi-bar{width:200px;height:48px;background:#fff;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:0 18px;gap:12px;transition:transform .5s ease}.proto-card:hover .ill-wabi-bar{transform:scale(1.03)}.ill-wabi-bar .dot{width:8px;height:8px;border-radius:50%;background:#e5e5e5;flex-shrink:0}.ill-wabi-bar .dot.active{background:var(--text-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ill-wabi-bar .track{flex:1 1;height:5px;background:#f0f0f0;border-radius:3px;overflow:hidden}.ill-wabi-bar .fill{height:100%;width:65%;background:var(--text-primary);border-radius:3px}.ill-dot-matrix{width:160px;height:160px;position:relative}.ill-dot-matrix .grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:8px;gap:8px;padding:12px}.ill-dot-matrix .dot{aspect-ratio:1;border-radius:50%;background:var(--text-primary);opacity:.15;animation:dotPulse 3s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(.85);opacity:.1}50%{transform:scale(1);opacity:.25}}.ill-dot-matrix .overlay-circle{position:absolute;inset:25px;border-radius:50%;background:radial-gradient(circle,rgba(100,150,255,.3) 0,transparent 70%);animation:circleGlow 3s ease-in-out infinite}@keyframes circleGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.ill-poke-ui-wrap{position:relative}.ill-poke-ui{width:180px;height:130px;background:#fff;border-radius:12px;padding:12px;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr .5fr;grid-gap:8px;gap:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .5s ease}.proto-card:hover .ill-poke-ui{transform:rotate(-2deg)}.ill-poke-ui .widget{background:#f5f5f5;border-radius:8px}.ill-poke-ui .widget.large{grid-row:span 2}.ill-poke-ui .widget.accent{background:var(--text-primary)}.ill-poke-ui .widget.wide{grid-column:span 2}.ill-poke-ui .badge{position:absolute;top:-8px;right:-8px;width:40px;height:40px;background:#22c55e;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;transform:rotate(6deg);box-shadow:0 4px 12px rgba(34,197,94,.35)}.ill-cover-transition{width:150px;height:150px;perspective:500px;position:relative}.ill-cover-transition .cover{position:absolute;width:90px;height:90px;border-radius:8px;transition:transform .5s ease}.ill-cover-transition .back{background:linear-gradient(135deg,#e8d5c4,#d4c4b4);transform:rotate(10deg) translateX(20px) translateY(10px)}.ill-cover-transition .mid{background:linear-gradient(135deg,#c4d4e8,#a4b4c8);transform:rotate(-5deg) translateX(10px)}.ill-cover-transition .front{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center}.proto-card:hover .ill-cover-transition .back{transform:rotate(16deg) translateX(32px) translateY(10px)}.proto-card:hover .ill-cover-transition .mid{transform:rotate(-10deg) translateX(18px)}.ill-cover-transition .vinyl{width:54px;height:54px;border-radius:50%;border:1px solid #e5e5e5;background:repeating-radial-gradient(circle,transparent 0,transparent 3px,#f5f5f5 0,#f5f5f5 4px);display:flex;align-items:center;justify-content:center;animation:spin 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ill-cover-transition .vinyl-center{width:14px;height:14px;border-radius:50%;background:var(--text-primary)}.ill-projector{display:flex;flex-direction:column;align-items:center}.ill-projector .head{width:60px;height:16px;background:var(--text-primary);border-radius:8px 8px 0 0;z-index:2}.ill-projector .beam{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:90px solid rgba(100,150,255,.15);animation:beamPulse 2.5s ease-in-out infinite}@keyframes beamPulse{0%,to{opacity:.5}50%{opacity:1}}.ill-projector .floor{width:120px;height:8px;background:radial-gradient(ellipse,rgba(100,150,255,.3) 0,transparent 70%);margin-top:6px}.ill-onboarding{display:flex;flex-direction:column;align-items:center;gap:18px}.ill-onboarding .steps{display:flex;gap:8px;align-items:center}.ill-onboarding .step{width:8px;height:8px;border-radius:50%;background:#e5e5e5}.ill-onboarding .step.active{width:28px;border-radius:4px;background:var(--text-primary)}.ill-onboarding .step-line{width:20px;height:2px;background:#e5e5e5}.ill-onboarding .card-mock{width:130px;height:80px;background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .5s ease}.proto-card:hover .ill-onboarding .card-mock{transform:translateY(-6px)}.ill-onboarding .line{height:7px;background:#f0f0f0;border-radius:4px}.ill-onboarding .line.short{width:50%}.ill-onboarding .line.medium{width:70%}.ill-orb-drop{width:180px;height:140px;position:relative}.ill-orb-drop .orb{position:absolute;border-radius:50%;box-shadow:0 6px 20px rgba(0,0,0,.15)}.ill-orb-drop .orb-1{width:46px;height:46px;background:linear-gradient(135deg,#c4b4e8,#a494c8);left:22px;bottom:28px;animation:bounce1 2s ease-in-out infinite}.ill-orb-drop .orb-2{width:32px;height:32px;background:linear-gradient(135deg,#b4d4e8,#94b4c8);left:76px;bottom:28px;animation:bounce2 2s ease-in-out .25s infinite}.ill-orb-drop .orb-3{width:24px;height:24px;background:linear-gradient(135deg,#e8c4b4,#c8a494);left:120px;bottom:28px;animation:bounce3 2s ease-in-out .5s infinite}@keyframes bounce1{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes bounce2{0%,to{transform:translateY(0)}50%{transform:translateY(-38px)}}@keyframes bounce3{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}.ill-orb-drop .floor{position:absolute;bottom:18px;left:18px;right:18px;height:2px;background:#e5e5e5}.ill-orbify{display:flex;align-items:center;gap:18px}.ill-orbify .source{width:64px;height:64px;background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .5s ease}.proto-card:hover .ill-orbify .source{transform:scale(.95)}.ill-orbify .line{height:6px;background:#f0f0f0;border-radius:3px}.ill-orbify .line.short{width:50%}.ill-orbify .line.medium{width:70%}.ill-orbify .arrow{color:#ccc;transition:transform .4s ease,color .3s ease}.proto-card:hover .ill-orbify .arrow{transform:translateX(4px);color:var(--text-primary)}.ill-orbify .arrow svg{width:26px;height:13px}.ill-orbify .result{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#e8b4c4,#e8d4b4,#b4e8c4,#b4d4e8,#c4b4e8);box-shadow:0 6px 20px rgba(0,0,0,.12);position:relative;transition:transform .5s ease}.proto-card:hover .ill-orbify .result{transform:scale(1.06)}.ill-orbify .shine{position:absolute;top:10px;left:14px;width:18px;height:9px;border-radius:50%;background:hsla(0,0%,100%,.5);transform:rotate(-30deg)}.ill-studio{width:150px;height:115px;background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:9px;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .5s ease}.proto-card:hover .ill-studio{transform:translateY(-4px) rotate(-1.5deg)}.ill-studio .input{height:12px;background:#f5f5f5;border-radius:6px}.ill-studio .input.short{width:55%}.ill-studio .textarea{flex:1 1;background:#f5f5f5;border-radius:6px}.ill-studio .button{height:18px;width:48%;background:var(--text-primary);border-radius:9px;align-self:flex-end}.ill-shaders{width:170px;height:110px;border-radius:12px;overflow:hidden;position:relative}.ill-shaders .gradient{position:absolute;inset:0;background:linear-gradient(135deg,#f5e0d5,#e0c5a5 35%,#d0b090 55%,#b09575 75%,#907560)}.ill-shaders .lens{position:absolute;width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.5);left:50%;top:50%;transform:translate(-50%,-50%);animation:lensFloat 4s ease-in-out infinite}@keyframes lensFloat{0%,to{transform:translate(-50%,-50%)}33%{transform:translate(-45%,-55%)}66%{transform:translate(-55%,-48%)}}.ill-glass{width:150px;height:110px;position:relative;display:flex;align-items:center;justify-content:center}.ill-glass .blob{position:absolute;border-radius:50%;filter:blur(20px);transition:transform .6s ease}.ill-glass .blob-1{width:80px;height:80px;background:rgba(100,150,255,.35);top:5px;left:15px}.ill-glass .blob-2{width:60px;height:60px;background:hsla(30,53%,71%,.4);bottom:5px;right:15px}.proto-card:hover .ill-glass .blob-1{transform:translate(-8px,-6px) scale(1.08)}.proto-card:hover .ill-glass .blob-2{transform:translate(8px,6px) scale(1.1)}.ill-glass .letter{font-family:var(--font-serif);font-size:52px;font-style:italic;font-weight:400;color:var(--text-primary);position:relative;z-index:1;transition:transform .5s ease}.proto-card:hover .ill-glass .letter{transform:scale(1.06)}.ill-books{width:160px;height:110px;perspective:500px;position:relative}.ill-books .book{position:absolute;width:50px;height:70px;border-radius:4px;bottom:12px;left:50%;transition:transform .5s ease;box-shadow:0 6px 16px rgba(0,0,0,.12)}.ill-books .book-1{background:linear-gradient(135deg,#e8e0d8,#d0c8c0);transform:translateX(-70px) rotateY(22deg)}.ill-books .book-2{background:var(--text-primary);transform:translateX(-25px);z-index:2}.ill-books .book-3{background:linear-gradient(135deg,#d0e0e0,#b8c8c8);transform:translateX(20px) rotateY(-22deg)}.proto-card:hover .ill-books .book-1{transform:translateX(-80px) rotateY(30deg)}.proto-card:hover .ill-books .book-2{transform:translateX(-25px) translateY(-8px)}.proto-card:hover .ill-books .book-3{transform:translateX(30px) rotateY(-30deg)}.ill-dice{display:flex;flex-direction:column;align-items:center;gap:10px}.ill-dice .dice{position:relative;width:64px;height:64px;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.proto-card:hover .ill-dice .dice{transform:rotate(12deg) translateY(-8px)}.ill-dice .pip{position:absolute;width:9px;height:9px;background:var(--text-primary);border-radius:50%}.ill-dice .pip-1{top:11px;left:11px}.ill-dice .pip-2{top:11px;right:11px}.ill-dice .pip-3{top:50%;left:50%;transform:translate(-50%,-50%)}.ill-dice .pip-4{bottom:11px;left:11px}.ill-dice .pip-5{bottom:11px;right:11px}.ill-dice .shadow{width:50px;height:8px;background:rgba(0,0,0,.08);border-radius:50%;transition:transform .5s ease}.proto-card:hover .ill-dice .shadow{transform:scaleX(1.3)}.ill-scraper{width:170px;height:115px;position:relative}.ill-scraper .book{position:absolute;width:36px;height:52px;border-radius:4px;bottom:18px;transition:transform .35s ease;box-shadow:0 4px 12px rgba(0,0,0,.08)}.ill-scraper .book-1{background:#e8e8e8;left:28px}.ill-scraper .book-2{background:#b8d4b8;left:66px;transition-delay:.08s}.ill-scraper .book-3{background:var(--text-primary);left:104px;transition-delay:.16s}.proto-card:hover .ill-scraper .book{transform:translateY(-10px)}.ill-scraper .search{position:absolute;top:12px;right:22px;width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .4s ease,color .3s ease}.ill-scraper .search svg{width:16px;height:16px}.proto-card:hover .ill-scraper .search{transform:scale(1.1);color:var(--text-primary)}.ill-reader{display:flex;align-items:center;gap:14px}.ill-reader .book-icon{width:32px;height:42px;color:#999;transition:transform .4s ease,color .3s ease}.proto-card:hover .ill-reader .book-icon{transform:translateX(4px);color:var(--text-primary)}.ill-reader .arrow{color:#ccc;transition:transform .35s ease,color .3s ease}.ill-reader .arrow svg{width:28px;height:14px}.proto-card:hover .ill-reader .arrow{transform:translateX(3px);color:var(--text-primary)}.ill-reader .device{width:50px;height:68px;border:2.5px solid #999;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease}.proto-card:hover .ill-reader .device{border-color:var(--text-primary)}.ill-reader .screen{width:38px;height:54px;background:#f5f5f5;border-radius:3px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px}.ill-reader .text-line{height:3px;background:#ccc;border-radius:2px}.ill-reader .text-line:first-child{width:100%}.ill-reader .text-line:nth-child(2){width:65%}.ill-reader .text-line:nth-child(3){width:80%}.ill-generic{width:70px;height:70px;background:#f0f0f0;border-radius:16px;transition:transform .5s ease}.proto-card:hover .ill-generic{transform:scale(1.08) rotate(4deg)}.page-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:32px;margin-top:48px;border-top:1px solid var(--border)}.footer-left{display:flex;flex-direction:column;gap:4px}.footer-label{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.footer-value{font-family:var(--font-serif);font-size:15px;font-style:italic;color:var(--text-secondary)}.footer-right{font-size:12px;color:var(--text-tertiary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,var(--bg-warm) 0,var(--bg-cool) 100%)}.login-box{width:100%;max-width:320px}.login-box h1{font-family:var(--font-serif);font-size:32px;font-style:italic;font-weight:400;color:var(--text-primary);margin-bottom:36px;text-align:center}.login-form{display:flex;flex-direction:column;gap:14px}.login-input{font-family:var(--font-sans);font-size:14px;padding:16px 20px;border:none;border-radius:12px;background:#fff;outline:none;color:var(--text-primary);text-align:center;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease}.login-input::placeholder{color:var(--text-tertiary)}.login-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px rgba(26,26,26,.08)}.login-button{font-family:var(--font-sans);font-size:14px;font-weight:500;padding:16px 24px;border:none;border-radius:12px;background:var(--text-primary);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-error{font-size:13px;color:#dc2626;text-align:center}